<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>设备</title>
    <meta name="keywords" content="设备">
    <meta name="description" content="设备">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="<?= base_url('assets/css/bootstrap.min.css?v=3.3.6') ?>" rel="stylesheet">
    <link href="<?= base_url('assets/css/font-awesome.css?v=4.4.0') ?>" rel="stylesheet">

    <!-- Data Tables -->
    <link href="<?= base_url('assets/css/plugins/dataTables/dataTables.bootstrap.css') ?>" rel="stylesheet">

    <link href="<?= base_url('assets/css/animate.css') ?>" rel="stylesheet">
    <link href="<?= base_url('assets/css/style.css?v=4.1.0') ?>" rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5><small>字典类型</small></h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="table_data_tables.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="table_data_tables.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="table_data_tables.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <button type="button" class="btn btn-primary"  id="btn_add">
                            添加字典类
                        </button>

                        <table class="table table-striped table-bordered table-hover dataTables-example">
                                <thead>
                                </thead>
                                <tbody>
                                </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="modal inmodal fade" id="dictionaryModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form class="m-t" role="form" id="q_form" action="index.html">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">添加字典类型</h4>
                        </div>
                        <div class="modal-body">

                            <input type="hidden" name="id" id="id" value="0">

                                <div class="form-group"><label>字典命名</label> <input type="text" name="name" id="name" placeholder="请输入子字典类型名称" class="form-control"></div>
                                <div class="form-group"><label>字典编码</label> <input type="text" name="code" id="code" placeholder="请输入字典编码" class="form-control"></div>


                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                            <button type="submit" class="btn btn-primary" id="btn_save">保存</button>
                        </div>

                </form>
            </div>
        </div>
    </div>


    <!-- 全局js -->


    <?php include "include/admin_foot_script.php" ?>

    <!-- Data Tables -->
    <script src="<?= base_url('assets/js/plugins/dataTables/jquery.dataTables.js') ?>"></script>
    <script src="<?= base_url('assets/js/plugins/dataTables/dataTables.bootstrap.js') ?>"></script>
    <link href="<?= base_url('assets/css/style.css?v=4.1.0') ?>" rel="stylesheet">
    <!-- 自定义js -->
    <script src="<?= base_url('assets/js/content.js?v=1.0.0') ?>"></script>




    <!-- Page-Level Scripts -->
    <script>


var table ;
        $(document).ready(function () {
             table = $('.dataTables-example').dataTable({
                "processing": true,
                "serverSide": true,
                "searching": true,
                "columns": [
                    { "title": "序号", "orderable": false, "data": null },
                    { "title": "名称", "orderable": false, "data": 'name' },
                    { "title": "编码" , "orderable": false, "data": "code"},
                    { "title": "创建时间", "orderable": true, "data": "createtime" },
                    { "title": "操作", "orderable": false, "data": null }
                ],

                columnDefs:[{
                    targets: 4,
                    render: function (data, type, row, meta) {



                        return ' <button type="button"  class="btn btn-danger btn-xs" onclick="delete_dictionary_type('+row.id+', \''+ row.code + '\')"><i class="fa fa-trash"></i>删除</button>' +
                            '&nbsp &nbsp' +
                            ' <button type="button"  class="btn btn-info btn-xs btn-edit" ><i class="fa fa-pencil"></i>编辑</button> ';
                    }
                },

                ],

            "ajax": {
                "url": "<?= base_url('admin/app/dictionary_type') ?>",
                    "data": function ( d ) {
                },
                "type": "POST"
            },

                "fnDrawCallback": function() {
                    var api = this.api();
                    var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
                    api.column(0).nodes().each(function (cell, i) {
                        cell.innerHTML = startIndex + i + 1;
                    });
                }

            });



            $('.dataTables-example tbody').on( 'click', '.btn-edit', function () {
                var data = $('.dataTables-example').DataTable().row($(this).parents('tr')).data();
               $("#id").val(data.id);
               $("#name").val(data.name);
               $("#code").val(data.code);
               $('#dictionaryModal').modal('show');
            } );


            $("#btn_add").click(function () {
                $("#id").val(0);
                $("#name").val("");
                $("#code").val("");
                $('#dictionaryModal').modal('show');
            });


        });





$(function () {

    var icon = "<i class='fa fa-times-circle'></i> ";

    $("#q_form").validate({
        rules: {
            name: {
                required: true
            },
            code : {
                required: true
            }

        },

        messages: {
            name: icon + "请输入字典名称",
            code: icon + "请输入字典编码"
        },

        submitHandler: function (form) {
            addOrUpdateDictionaryType();
        }
    });





});


function edit_dictionary_type(id) {
   // alert(row);
    var column1 = table.row('.selected').data().column1;
    alert(column1);
}


var submiting = false;

function  addOrUpdateDictionaryType() {

    if (submiting) {
        toastr.warning("创建中", '提示');
        return;
    }

    var name = $("#name").val();
    var code = $("#code").val();
    var id = $("#id").val();

    $.post("<?= base_url('admin/app/add_dictionary_type') ?>", {"name": name, "code": code, "id": id}, function (res) {
        submiting = false;
        if (res.code == 200) {
            $('#dictionaryModal').modal('hide');
            table.api().ajax.reload();
            if (id == 0) {
                toastr.success("创建字典类型成功", '提示');
            } else {
                toastr.success("修改字典类型成功", '提示');
            }

        } else {
            toastr.error(res.msg, '提示');
        }

    }, "json");

}

        function delete_dictionary_type(id, code) {
            layer.confirm('确认要删除'+code+'字典类型？', {
                btn: ['确认','取消'], //按钮
                shade: true, //不显示遮罩,
                shadeClose: true
            }, function(index){

                $.post("<?= base_url("admin/app/delete_dictionary_type") ?>", {"type_id": id} ,function (res) {
                    layer.close(index);
                    if (res.code == 200) {
                        table.api().ajax.reload();
                        toastr.success("删除成功", '提示');
                    } else {
                        toastr.error(res.msg, '提示');
                    }
                }, "json");

            }, function(){
                //parent.layer.msg('奇葩么么哒', {shift: 6});
            });
        }





    </script>



</body>

</html>
